@import '../../assets/css/reset.css';
@import '../../assets/css/common.css';
@import '../../assets/css/property.css';
.head .active a {
  color: white !important;
}
.head .active::after {
  background-color: white;
}
.banner canvas {
  z-index: 0 !important;
  position: static !important;
}
.mask {
  width: 100%;
  height: 360px;
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.88);
  text-align: center;
  color: white;
}
.content {
  position: relative;
  padding-top: 180px;
  background-color: #f8f9fb;
}
.content .szyh {
  width: 580px;
  height: 290px;
}
.szyh-text {
  width: 532px;
  height: 290px;
  padding: 48px 0px 0px 48px;
}
.szyh-text h2 {
  margin: 18px 0px 12px;
  font-size: 24px;
  color: #181818;
}
.szyh-text p {
  width: 484px;
  font-size: 14px;
  color: #666;
  line-height: 24px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}
.content-top {
  position: absolute;
  height: 290px;
  box-sizing: border-box;
  top: -160px;
  left: 50%;
  transform: translate(-50%);
  background-color: #fff;
}
.szyh-kf {
  padding: 0px 50px;
  box-sizing: border-box;
}
.szyh-kf p {
  margin-top: 22px;
  color: #000;
  line-height: 24px;
}
.szyh-kf .span-1 {
  background-color: #1271ef;
  width: 14px;
  height: 4px;
  margin-right: 10px;
}
.szyh-kf .szyh-bottom {
  justify-content: flex-end;
  color: #666;
  font-size: 12px;
}
.szyh-kf h3 {
  font-size: 24px;
  line-height: 30px;
  margin-top: 20px;
  margin-bottom: 24px;
  color: #181818;
}
.szyh-img {
  width: 1100px;
  height: 618px;
  margin: 60px 0px 180px;
}
